<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    .form-group {
        display: flex;
        align-items: center;
        margin: 0 20px;
    }

    .form-group > div {
        width: 200px;
    }

    .row-bg {
        background: #FFFFFF;
        padding: 30px 0px;
    }

    .search-title {
        margin-top: 20px;
        display: flex;
    }

    .submit-search {
        padding: 5px 30px;
    }

    .bootstrap-table .fixed-table-container {
        height: calc(100vh - 310px) !important;
    }

</style>
<body class="gray-bg">
<div class="wrapper wrapper-content " style="padding: 0">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div class="fixed-table-toolbar">
                    <div class="search-title row-bg">
<!--                        <div class="form-group">-->
<!--                            <label class="pull-left control-label">密钥：</label>-->
<!--                            <div>-->
<!--                                <input id="secretKey" type="text" class="form-control" placeholder="请输入密钥">-->
<!--                            </div>-->
<!--                        </div>-->

<!--                        <div class="form-group">-->
<!--                            <label class="pull-left control-label">密钥状态：</label>-->
<!--                            <div>-->
<!--                                <select id="state" class="form-control">-->
<!--                                    <option value="">请选择</option>-->
<!--                                    <option value="0">使用中</option>-->
<!--                                    <option value="2">已过期</option>-->
<!--                                    <option value="1">禁用</option>-->
<!--                                </select>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="form-group">
                            <label class="pull-left control-label">使用人：</label>
                            <div>
                                <input id="username" type="text" class="form-control"
                                       placeholder="请输入用户姓名">
                            </div>
                        </div>
<!--                        <div class="form-group">-->
<!--                            <label class="pull-left control-label">电话号码：</label>-->
<!--                            <div>-->
<!--                                <input id="mobile" type="text" class="form-control"-->
<!--                                       placeholder="请输入电话号码">-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="form-group">
                            <label class="pull-left control-label">单位名称：</label>
                            <div>
                                <input id="unitname" type="text" class="form-control"
                                       placeholder="请输入单位名称">
                            </div>
                        </div>
                        <button class="btn btn-success submit-search" onclick="reLoad()">搜索</button>

                    </div>

                </div>
                <div class="row-bg" style="margin-top: 20px;padding: 20px">
                    <div class="columns">
                        <button type="button" class="btn btn-success" onclick="add()">
                            新增使用人
                        </button>
                    </div>
                    <table id="exampleTable" data-mobile-responsive="true">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_resetPwd_h = 'hidden';
    </script>
</div>
<div shiro:hasPermission="jzweb:zykResourcesSecretKey:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:zykResourcesSecretKey:remove">
    <script type="text/javascript">
         s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="jzweb:zykResourcesSecretKey:resetPwd">
    <script type="text/javascript">
         s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/keyManagement/keyManagement.js?r=122"></script>
</body>
</html>